<template>
  <div class="product-form-config">
    <div class="bread-crumb">
      <span class="back" @click.stop="breadcrumbBack"><span class="V7_iconfont V7_iconV7tubiao_mianfanhui"></span> 返回 </span>
      <el-button type="primary" size="small">发布</el-button>
    </div>
    <fieldConfig ref="fieldConfig" :isProduct="true" style="height: calc(100% - 56px);"></fieldConfig>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Ref, Prop } from 'vue-property-decorator'
import fieldConfig from '@/afterSales/views/config/serviceConfig/fieldConfig/index.vue'
interface ArrayObj {
  props: {}
}
@Component({
  name: 'productFormConfig',
  components: {
    fieldConfig
  }
})
export default class AddOrEditQueue extends Vue {
  [x: string]: any
  @Prop({ default: [] }) private titleArr!: any

  private cancelFun () {
    this.$emit('cancelFun')
  }

  private breadcrumbBack () {
    this.$emit('pageBack')
  }

  public setData () {
    this.handleProductInitData()
  }

  private handleProductInitData () {
    console.log('1111')
  }

  private mounted () {
    this.$nextTick(() => {
      const dom: any = document.getElementsByClassName('el-transfer-panel__body')[1]
      if (dom) {
        dom.classList.add('rightContent')
      }
    })
  }
}
</script>
<style lang="stylus" scoped>
.product-form-config
  border 1px solid $border-main
  border-radius 10px
  height calc(100vh - 86px)
  overflow auto
  box-shadow 0px 0px 4px 0px #e0e6f0, 0px 1px 4px 0px #e0e6f0
  .config-box
    margin 24px
  .bread-crumb
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 56px;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    box-shadow: #e0e6f0 0px 1px 4px 0px;
    padding: 0px 24px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
    .back
      color: #767e91;
      cursor: pointer;
      margin-right: 7px;
      .V7_iconfont {
        color: #b3b9c7;
        margin-right: 8px;
        font-size: 14px;
      }
</style>
